<template>
	<view>
		<view class="list-row" v-for="item in detailList" :label="item.label" :name="item.name" :key="item.name">
			<view class="list-row-label">{{item.label}}</view>
			<view class="list-row-content">{{item.value}}</view>
		</view>
	</view>
</template>

<script>
	import { getDicts } from "@/api/system/dict/data";
	import {listOrg} from "@/api/system/org";
	export default {
		name:"case-detail",
		props:{
			detailList: {
				type: Array
			},
		},
		data() {
			return {

			};
		},
		mounted() {
			
		},
		methods:{
			
		}
	}
</script>

<style>
	.list-item{
		padding: 16px;
		border-bottom: 1px solid #F1F1F1;
	}
	.list-row{
		display: flex;
		margin-bottom: 0;
		padding: 10px 16px;
		border-bottom: 1px solid #F1F1F1;
	}
	.list-row-label{
		font-family: MicrosoftYaHei;
		font-size: 14px;
		font-weight: normal;
		line-height: 17px;
		letter-spacing: 0px;
		color: #606266;
		width: 25%;
	}
	.list-row-content{
		font-family: MicrosoftYaHei;
		font-size: 14px;
		font-weight: normal;
		line-height: 17px;
		letter-spacing: 0px;
		width: 75%;
		color: #353B50;
		white-space: normal;
	}
</style>